body{margin:0px;padding:0px;width:100%;height:100%;overflow: hidden;}
html{margin:0px;padding:0px;width:100%;height:100%;}

/******/
.loadingbox{width:640px;height:60px;position:fixed;top:50%;left:50%;margin-left:-320px;margin-top:-30px;font-size:30px;text-align:center;color:#FFF;line-height:60px;font-weight:bold;display:block;}

.loadingOutbox{width:100%;height:100%;position:absolute;top:0px;left:0px;background:#d76939;z-index:100000;}
.loadingbox{width:124px;height:124px;position:absolute;top:50%;left:50%;margin-left:-62px;margin-top:-62px;overflow:hidden;
/*box-shadow:0 0 6px #fdb300;
-moz-box-shadow:0 0 6px #fdb300;
-webkit-box-shadow:0 0 6px #fdb300;
border-radius:50%;
-miz-border-radius:50%;
-webkit-border-radius:50%;*/

transform-origin:center;
-moz-transform-origin:center;
-webkit-transform-origin:center;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);


}

.cricleLeft{width:150px;height:150px;position:absolute;top:0px;left:0px;overflow:hidden;background:#ff0000;
clip:rect(0px,75px,auto,auto);
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;

transform-origin:center;
-moz-transform-origin:center;
-webkit-transform-origin:center;

transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
}

.cricleRight{width:150px;height:150px;position:absolute;top:0px;left:0px;overflow:hidden;background:#ff0000;display:none;
clip:rect(0,auto,auto,75px);
clip:rect(0,auto,auto,75px);
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;

transform-origin:center;
-moz-transform-origin:center;
-webkit-transform-origin:center;

transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
}
.circleShade{width:150px;height:150px;position:absolute;top:0px;left:0px;overflow:hidden;background:#ffffff;
clip:rect(0,75px,auto,auto);
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.circleCenter{width:120px;height:120px;position:absolute;top:15px;left:15px;background:#ffffff;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
box-shadow:0 0 4px #fdb300;
-moz-box-shadow:0 0 4px #fdb300;
-webkit-box-shadow:0 0 4px #fdb300;

}
.loadingnum{width:60px;height:40px;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-30px;font-size:22px;color:#ffffff;line-height:40px;text-align:center;}

/*****/

.outbox{width:640px;height:100%;position:relative;margin:0px auto;padding:0px;overflow:hidden;}
.inbox{width:640px;height:auto;position:relative;margin:0px auto;padding:0px;overflow:hidden;}
.page{width:640px;height:auto;position:relative;margin:0px;padding:0px;}

.animateBox{display:block;width:640px;height:100%;position:absolute;top:0px;left:0px;overflow:hidden;
transform-style:preserve-3d;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
perspective:1000px;
-webkit-perspective:1000px;
-moz-perspective:1000px;
}
.car{display:block;position:absolute;top:420px;left:-300px;
transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
}

.car2{display:block;position:absolute;top:250px;left:70px;opacity:0; /*400***/
transform-origin:center;
-webkit-transform-origin:center;
-moz-transform-origin:center;
transform:translate3d(0,0,-500px) scale(0);
-webkit-transform:translate3d(0,0,-500px) scale(0);
-moz-transform:translate3d(0,0,-500px) scale(0);
}
.car3{display:none;position:absolute;top:450px;left:70px;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
}
.car2Anim{
	animation:car2Anim 0.4s alternate ease-in-out;
	-moz-animation:car2Anim 0.4s alternate ease-in-out;
	-webkit-animation:car2Anim 0.4s alternate ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;  
	}
@keyframes car2Anim{
	0%{
		top:250px;opacity:0;
		transform:translate3d(0,0,-500px) scale(0);
		-webkit-transform:translate3d(0,0,-500px) scale(0);
		-moz-transform:translate3d(0,0,-500px) scale(0);
		}
	100%{
		top:450px;opacity:1;
		transform:translate3d(0,0,0) scale(1);
		-webkit-transform:translate3d(0,0,0) scale(1);
		-moz-transform:translate3d(0,0,0) scale(1);
		}	
	}
@-webkit-keyframes car2Anim{
	0%{
		top:250px;opacity:0;
		transform:translate3d(0,0,-500px) scale(0);
		-webkit-transform:translate3d(0,0,-500px) scale(0);
		-moz-transform:translate3d(0,0,-500px) scale(0);
		}
	100%{
		top:450px;opacity:1;
		transform:translate3d(0,0,0) scale(1);
		-webkit-transform:translate3d(0,0,0) scale(1);
		-moz-transform:translate3d(0,0,0) scale(1);
		}	
	}
#container{width:640px;height:600px;position:absolute;left:0px;top:400px;}
#container canvas{position: absolute;backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.floatpage{display:none;width:640px;height:600px;position:absolute;left:0px;top:400px;background:#FFF;}
.box360{width:640px;height:600px;position:absolute;top:190px;left:0px;overflow:hidden;display:none;}
#container360{width:640px;height:100%;position:absolute;top:0px;left:0px;overflow:hidden;}

.arrow01{width:300px;height:100px;position:absolute;bottom:0px;left:170px;background:rgba(255,0,0,0.4);z-index:1100;}















